@import '~antd/dist/antd.css';

/* @primary-color: #1890ff; // 全局主色
@link-color: #1890ff; // 链接色
@success-color: #52c41a; // 成功色
@warning-color: #faad14; // 警告色
@error-color: #f5222d; // 错误色
@font-size-base: 18px; // 主字号
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
@text-color: rgba(0, 0, 0, 0.65); // 主文本色
@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
@border-radius-base: 2px; // 组件/浮层圆角
@border-color-base: #d9d9d9; // 边框色
@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
  0 9px 28px 8px rgba(0, 0, 0, 0.05); // 浮层阴影 */

@bg: #efefef;

body {
    background: @bg;
}

.ant-layout-sider{
    background: rgb(48, 65, 86);
}

.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub{
    
    background: rgb(48, 65, 86);
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub{
    color: rgb(191, 203, 217);
    background: #1f2d3d ;
}

#root {
    font-size: 14px;
    font-family: NotoSansHans;
    color: #333333;
}

a {
    color: #333333;
    text-decoration: none;
}

.logo{
    padding:10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    
    .logoimg{
        margin-right: 5px;
        // width: 220px;
        height: 30px;
        cursor: pointer;
    }    
}

.avtars{
    padding-left: 50px !important;
}

.header {
    background: #fff;
    display: flex;
    transition: 0.2s ;
    justify-content: space-between;
    align-items: center;
    padding-left: 200px;
    border-bottom: 1px solid #d8dce5;
    .trigger{
        font-size: 20px;
        margin-right: 10px;
    }
    .header_left{
        display: flex;
        padding: 20px;
        align-items: center;
    }
    .avatar{
        width: 40px;
        height: 40px;
        margin-right: 10px;
        border-radius: 50%;
        cursor: pointer;
    }
}

.footer {
    background: #001529;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
}

.ant-menu-item {
    margin-top: 0 !important;
}

.content {
    margin-left: 200px;
    padding: 0 20px;
    transition: 0.2s ;
}

.content_main {
    background: #fff;
    // 100vh减掉header、breadcrumb、footer高度后，减掉20px作为高度
    // height: calc(100vh - 188px - 20px);
    // overflow-y: scroll;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

// .content_main::-webkit-scrollbar {
//     /*滚动条整体样式*/
//     width: 10px;
//     height: 100%;
//     background: #fff;
//     border-radius: 10px;
// }

// .content_main::-webkit-scrollbar-track {
//     /*滚动条里面轨道*/
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
//     border-radius: 10px;
//     background: #EDEDED;
// }

// .content_main::-webkit-scrollbar-thumb {
//     /*滚动条里面小方块*/
//     border-radius: 10px;
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
//     background: #535353;
// }

.ant-modal-wrap,.ant-modal-mask{
    z-index: 100000;
}